{% if gallery|length > 0 %}
    <div class="gdlr-core-pbf-wrapper" id="div_2207_14" style="padding-top: 0px;">
        <div class=gdlr-core-pbf-background-wrap></div>
        <div class="gdlr-core-pbf-wrapper-content gdlr-core-js ">
            <div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container">
                <div class=gdlr-core-pbf-element>
                    <div class="gdlr-core-title-item gdlr-core-item-pdb clearfix  gdlr-core-left-align gdlr-core-title-item-caption-top gdlr-core-item-pdlr"
                         id="div_2207_15">
                        <div class="gdlr-core-title-item-title-wrap ">
                            <h3 class="gdlr-core-title-item-title gdlr-core-skin-title " id="h3_2207_11">我的图集
                                <span class="gdlr-core-title-item-title-divider gdlr-core-skin-divider"></span>
                            </h3>
                        </div>
                    </div>
                </div>
                <div class=gdlr-core-pbf-element>
                    <div class="gdlr-core-instagram-item gdlr-core-item-pdb gdlr-core-item-pdlr">
                        <div class="gdlr-core-instagram-item-content clearfix">
                            {% for image in gallery %}
                                <div class=" gdlr-core-column-12 gdlr-core-media-image">
                                    <a class="gdlr-core-lightgallery gdlr-core-js" href="{{ asset(image.path) }}" data-lightbox-group="gdlr-core-img-group-2">
                                        <div style="width: 220px; height: 220px; background: url('{{ asset(image.path) }}') no-repeat 50% 50%; background-size: auto 220px"></div>
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
{% endif %}